@import '../common/styles/theme-functions';
@import '../common/styles/typography-functions';

@mixin td-dialog-typography($config) {
  .td-dialog-title,
  .td-status-dialog-title {
    font: {
      family: td-font-family($config);
      size: td-font-size($config, title);
      weight: td-font-weight($config, title);
    }
  }

  .td-status-dialog-title,
  .td-status-dialog-title .td-dialog-message {
    line-height: td-line-height($config, subheading-1);
  }

  .td-dialog-message {
    font: {
      family: td-font-family($config);
      size: td-font-size($config, subheading-2);
      weight: td-font-weight($config, subheading-2);
    }

    line-height: td-line-height($config, subheading-2);
  }
}
@mixin td-dialog-theme($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $warn: map-get($theme, warn);
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);

  .mat-toolbar.td-window-dialog-toolbar {
    color: mat-color($foreground, text);
    border-bottom: 1px solid mat-color($foreground, divider);
    background: none;
  }

  .td-dialog-message {
    color: mat-color($foreground, secondary-text);
  }
}
